{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/zhonchou_home.css?version={$version}" type="text/css" rel="stylesheet"> -->
<style type="text/css">
body{
	background: #F3F3F3;
}
.com_header{
	height: 2.2rem;
	font-size: 0.9rem;
	line-height: 1.25rem;
	padding: 0.45rem 0.6rem 0.5rem;
	background: rgba(248,248,248,0.98);
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #E1E1E1;
	position: fixed;
	top:0;
	left:0;
	right: 0;
	z-index: 100;
	color: #575F67;
	font-weight: bold;
}
.com_header .go_back{
	padding: 0.6rem;
	position: absolute;
	left:0;
	top:0;
}
.com_header .go_back .icon_back{
	background: url(/Public/Images/img/icon_return_head.png) no-repeat;
	background-size: 100%  100%;
	width: 0.55rem;
	height: 1.0rem;
	display: block;
}
.reply{
	background: #fff;
	margin-bottom: .5rem;
}
.add_title{
	padding: .65rem .6rem .5rem;
	border-bottom: 1px solid #EFEFEF;
	color: #B4B8B9;
}
.add_title input{
	background: url(/Public/Images/img/icon_tittle@3x.png) no-repeat left center;
	background-size: .8rem .8rem;
	line-height: 1.1rem;
	width: 100%;
	box-sizing: border-box;
	padding-left: 1.2rem;
	font-size: .8rem;
}
.add_main{
	padding:.35rem .6rem .5rem;
	padding-bottom: 0;
}
.add_main textarea{
	width: 100%;
	resize: none;
	line-height: 1rem;
	font-size: .7rem;
	color: #B4B4B4;
}
.icon_upload{
	width: 1.3rem;
	height: 1.3rem;
	background: url(/Public/Images/img/icon_fatie_addpic@3x.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: .6rem;
}
.icon_voice{
	width: 1.3rem;
	height: 1.3rem;
	background: url(/Public/Images/img/icon_fatie_yuyin@3x.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	margin-bottom: .6rem;
}
.fixed_bot{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #FF6600;
	font-size: .9rem;
	padding:.6rem;
	text-align: center;
	color: #FFFFFF;
}
.img_list{

}
.img_list li{
	width: 3.5rem;
	height: 3.5rem;
	float: left;
	margin-right: .6rem;
	margin-bottom: .6rem;
	position: relative;
}
.img_list li img{
	width: 100%;
	height: 100%;
	display: block;
}
.img_list li .del_img{
	position: absolute;
	width: .8rem;
	height: .8rem;
	right: -.4rem;
	top:-0.4rem;
	display: block;
	background: url(/Public/Images/img/icon_fatie_deletepic@3x.png) no-repeat;
	background-size: 100% 100%;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>发帖
	</div>
	<form>
		<div class="reply" style="margin-top: 2.2rem">
			<div class="add_title">
				<input type="text" placeholder="添加文章标题" name="title" id="title">	
			</div>
			<div class="add_main">
				<textarea placeholder="请输入普通内容（支持gif）" rows="3" id="content"></textarea> 
				<a href="javascript:;" class="icon_upload" id="upload_btn"></a>

				<!-- 语音功能暂时不做 -->
				<!-- <a href="javascript:;" class="icon_voice"></a> -->

				<input type="file" name="file" style="display: none;" onchange="upload_image(this);" 
				id="uploader">
				<input type="hidden" name="uptoken" id="uptoken" value="ZPL50_kJXWddsTiVpFhN7rq3oAO9kohZFYBuCMbq:U4W7hLswBfHqLN5eAP-67gwSNsQ=:eyJzY29wZSI6InBhbm5hdGlvbmFsYXJ0cy1pbWFnZXMiLCJkZWFkbGluZSI6MTQ5OTI1NTE5M30=">
	    		<input type="hidden" name="image_domain" id="image_domain" value="http://img.pannationalarts.com/">
	        	<input type="hidden" class="img_url" id="img_url" value="">

	        	<ul class="img_list clearfix">
	        	<!-- 	<li>
	        			<img src="/Public/Images/img/Mask@3x.png" alt=""><span class="del_img" onclick="del_img(this)"></span>
	        		</li>
	        		<li>
	        			<img src="/Public/Images/img/Mask@3x.png" alt=""><span class="del_img" onclick="del_img(this)"></span>
	        		</li>
	        		<li>
	        			<img src="/Public/Images/img/Mask@3x.png" alt=""><span class="del_img" onclick="del_img(this)"></span>
	        		</li> -->
	        	</ul>
			</div>
		
		</div>
		
	</form>
	
	<div class="fixed_bot"> 
		发表
	</div>
{/block}
{block name="js"}

{literal}
<script src="/Public/Js/front/js/post_tiezi.js"></script>
<script>
$('.money').on('click',function(){
	$(this).addClass('active').siblings().removeClass('active')
})
if(!is_ios()){
	$("input[name=file]").attr({
		'capture':'camera',
		'accept':'image/*'
	});
}
</script>
{/literal}
{/block}